<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>嘟一下体验</title>
<link rel="stylesheet" href="dudu.css" type="text/css">
<script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script> 
<script type="text/javascript" src="js/utils.js"></script> 
<script type="text/javascript" src="js/main.js"></script>   

</head>

<body>
<div class="validate" id="inputs">
<form action="">
	<h2 id="header">手机认证</h2>
	<div style="position:absolute;text-align:center;margin:0;padding:0;background-color:#fd9f17;display:none;" id="tiptext"></div>              
    <div class="input_talbe">
        <input type="text"  value="请输入手机号" class="phone_num" id="phone" readonly="readonly" unselectable="on">
        <button id="idcode" type="button">获取验证码</button> 
        <input type="text" value="请输入验证码" class="phone_valid" id="smscode"  readonly="readonly" unselectable="on">
    </div>
    <input type="button" value="确定" class="ok" id="send">
    
</form>
</div>
<div class="call" id="call">
<div class="bohao" id="keyboard">
	<button value="1">1</button>
	<button value="2">2</button>
	<button value="3">3</button>
	<button value="4">4</button>
	<button value="5">5</button>
	<button value="6">6</button>
	<button value="7">7</button>
	<button value="8">8</button>
	<button value="9">9</button>  
    <button class="call_btn" id="hidkeyboard"><img src="image/call.png" width="22" height="21"></button>
	<button value="0">0</button>
	<button id='del'><img src="image/del.png" width="30" height="17"></button>
    </div>
    <div class="hide" id="showkeyboard"><img src="image/call.png" width="22" height="21"></div>  
</div>

<div style="position:absolute;text-align:right;margin:0;padding-right:2px;background-image: url(image/cursor.gif);background-repeat:no-repeat;background-position:100%;" id="phonetip"></div>               
<div style="position:absolute;text-align:right;margin:0;padding-right:2px;background-image: none;background-repeat:no-repeat;background-position:100%;" id="smstip"></div>
</body>
</html>
